@import url('https://prod3.agileticketing.net/WebSales/includes/FilmScene[res]_2307/fonts.css');
@import url('https://prod3.agileticketing.net/WebSales/includes/FilmScene[res]_2307/filmScene.css?v=2.11');
@import url('https://prod3.agileticketing.net/WebSales/includes/FilmScene[res]_2307/remodal.css');
@import url('https://prod3.agileticketing.net/WebSales/includes/FilmScene[res]_2307/remodal-default-theme.css');
/*@import url('http://icfilmscene.org/wp-content/themes/filmscene/css/film-categories.css');*/
:root {
	--epg-color1: #0062b3;
	--epg-color1text: white;
	--epg-color2: #0062b3;
	--epg-color2text: white;
}
.fs-6 { font-size: 1.25rem!important; }
.agl-modalheader, .agl-modalfooter { background-color: black; color: white; }
.agl-modalcontainer { border-color: rgba(0,0,0,.8); }
.agl-touchQty .agl-qtyDec.agl-epgbutton, .agl-touchQty .agl-qtyDec.agl-epgbutton:hover, .agl-touchQty .agl-qtyInc.agl-epgbutton, .agl-touchQty .agl-qtyInc.agl-epgbutton:hover { background-color: transparent!important; }
.agl-qtyDec i, .agl-qtyInc i { padding-top: 8px!important; color: black; }
.ats-ticket-observer { background-color: white; }
.form-control, .form-select { font-size: unset; }
[id$='_divChkAnswer'] { float: left; }
.CustomerQuestionsBlock { margin-bottom: 0px; }
.fa-stack .fa-stack-2x { color: var(--epg-color2); }

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after {
    clear: both;
}
/* For IE 6/7 only */
.clearfix {
    *zoom: 1;
}

div, span, ul, li { margin: 0; padding: 0; }
td { vertical-align: top; }
img { border: 0px none; }
a { outline-width: 0px; }
a, a:hover { color: #1d6fb8; text-decoration: none; }
.agl-usernav { display: none; }
#OrderBarcode img { width: auto; }
#imgPrint{ display: none; }
#lnkPrinterFriendly { top: 30px; }
#payInfo td { padding-right: 10px; }

body { font-size: 10pt; margin: 0px; padding: 0px; background-color: silver; font-family: arial,Helvetica,sans-serif; }

#descriptionbody, #printableBody, #lightboxbody { background-color: white; background-image: none; }
#descriptionbody form { padding: 5px; border: 1px solid #d9d9d9; }
.DescriptionPageClose { margin: 10px auto; }

#container { margin: auto; /*padding-top: 37px*/; width: 1024px; background-color: white; position: relative; }

.mob-logotype a { 
display: block; 
height: 100%; 
}

#navButtons { background-color: Black; position: absolute; width: 100%; top: 0px; left: 0px; z-index: 99999; }
#NavBarBlock { text-align: right; padding: 10px; width: 1024px; margin: auto; }
#NavBarBlock a, #NavBarBlock span { text-decoration: none; color: white; font-weight: bold; font-size: 105%; }

.agl-navigation { display: none; }
.agl-navigation ul { list-style-type: none; }
.LinkHeader > div { font-size: 110%; font-weight: bold; margin-bottom: 4px; }
.LinkGroup { margin-bottom: 10px; }

.VenuePromoterBlock { display: none; }
#venuePromoterList { padding-left: 8px; margin-bottom: 6px; margin-top: 14px; }

.Social { text-align: left; margin-bottom: 6px; }
.SocialCal { clear: left; }

#pageContent { }
.columnsSet1 { width: 1014px; margin: 0px auto; }
.columnsSet1 > table { width: 100%; }
.columnSet1-1 { display: none; }
.columnSet1-23 { padding-left: 4px; padding-right: 4px; padding-top: 4px; }
.columnSet1-23 > table { width: 100%; }
.columnSet1-2Inner23, .columnSet1-2, .columnSet1-3Inner23, .columnSet1-3 { width: 378px; }

.MultiPricingBlock { margin-bottom: 4px; }
.stepCell { width: 0px; }
.TitleArea, .TitleSplitArea { display: none; }
.VerboseListMonthSeperator, .VerboseListAlphaHeader { display: none; }
.EventInfoHeader, .MembershipInfoHeader { display: none; }
.priceInfoBlock, .PriceInfoHeader { display: none; }

.EventListItemVenueName, .EventInfoItemVenueName { font-weight: bold; }
.TierPriceInfoBlock { display: none; }
.ticketTypeBlock select { width: 45px;  }

#pageContent .SeatGridBlock { width: 750px; overflow: auto; }
.CartEmptyText { color: red; margin-bottom: 10px; }
.RequiredField, .ErrorText { display: inline; color: red; }
.BigBoldText, .EventInfoItemEventName, .MembershipInfoItemName, .VerboseListItemEventName { font-size: 150%; font-weight: bold; margin: 4px 0px; }
.EventInfoItemDateTime, .EventInfoItemVenueName { font-size: 120%; font-weight: bold;}
.CustomerQuestionTextCol { width: 300px; }
.CustomerQuestionReqCol { width: 20px; }
.orderSummaryEventHeader, .orderSummaryCatalogHeader, .orderSummaryPackageHeader, .orderSummaryMembershipHeader, .orderSummaryDonationHeader { margin-top: 4px; background-color: #CCCCCC; padding: 5px; }
.orderSummaryEventHeader td, .orderSummaryCatalogHeader td, .orderSummaryPackageHeader td, .orderSummaryMembershipHeader td, .orderSummaryDonationHeader td { padding: 5px; }
.ItemHeaderRowText { font-weight: bold; }
.CartItemCol { padding-right: 5px; padding-bottom: 5px; }
.CartItemCol a { color: #000000; }
#orderTotalsBlock table { font-size: 120%; font-weight: bold; margin-top: 10px; width: 200px; }
#CartButtonBlock, #PaymentButtonBlock { margin-top: 20px; margin-bottom: 10px; }
#CartButtonBlock { float: left; }
#ContinueButton { float: right; }
.CreditExtraInfoBlock img { width: auto; display: inline; }
#ucPaymentInfo_tblGiftCardPayments { display: none; }
#giftCardToggle { margin-top: 20px; }

#ImageDiv, #imageDiv, #PackageImageDiv, #memImage { float: right; width:40vw; }
#tdVerboseMoreBuyTitle { padding-bottom: 4px; }
.blueBackgroundTitleArea { font-size: 120%; font-weight: bold; margin: 10px 0px; font-size: 140%; font-weight: bold; }
.ticketTypeBlock { margin-top: 10px; }
.ticketTypeBlock table { width: auto; }
.TierSelectItemContainer, .TierSelectItemContainer div { display: inline; }
.tierPriceColorSwatch { display: inline-block; padding: 0px 8px; }
.AgileList-CategoryList .Image { display: unset; width: 100%; }

#poweredBy { float:right; /*margin: 10px auto;*/ }
#sidebar { display: none; }
.CustInfoWebAddress, .divRegionalEmailPref { display: none; }

.ui-state-active { background-image: none ! important; }
.PageBox { }

.salesfinal { font-size: 1.2em; font-weight: bold; margin: 15px 0px; }
.salesfinal span { color: red; }

.shadowLeft, .VenuePromoterContent .ItemList, .VenuePromoerInfoBlock, .VenuePromoterImageBox, .VenuePromoterQuickInfo { -moz-box-shadow: -2px 2px 1px 1px #666; -webkit-box-shadow: -2px 2px 1px 1px #666; box-shadow: -2px 2px 1px 1px #666; }
.shadowCenter, #container, #navButtons   { -moz-box-shadow: 0px 0px 2px 2px #666666; -webkit-box-shadow: 0px 0px 2px 2px #666666; box-shadow: 0px 0px 2px 2px #666666; }

.agl-iframed #container { box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; }
.CategoryHeader { color: #1d6fb8; }
.CategoryListHeadText { font-size: 200%; font-weight: bold; border-radius: 0px; margin: 10px 10px 10px 25px; padding-left: 5%; display:none;}
@media ( max-width: 768px ) {
	.CategoryListHeadText { font-size: 3vw; font-weight: bold; border-radius: 0px; margin: 10px 10px 10px 10px; padding-left: 5%; display:none;}
}
.tns-item > .Item > .ItemInfo > .Name { font-size: 2.25rem; }
.Featured .ImageBox { max-height: 62vh; }
.Featured img { width: 100%; }
/*.Featured .ItemInfo { -webkit-mask-image: linear-gradient(to bottom, rgba(0,0,0,1) 80%, rgba(0,0,0,0)); width: 100%; text-align: center; }
.Featured .ItemInfo .Name, .Featured .ItemInfo .ShortDescription { width: 50%; }
@media(min-width: 768px) {
	.AgileList-CategoryList .Featured .ItemInfo { position: initial; margin: auto; }
}*/

.RegionalHotSpotBlock { clear: both; margin-bottom: 8px; }
.RegionalContent { border: solid 1px #e3e3e3; border-radius: 4px; margin-bottom: 8px; }
.RegionalRightSide { float: right; width: 240px; background-color: #e3e3e3; padding: 5px; }
.RegionalLeftSide { float: left; width: 507px; }
.RegionalEventList .Header { border-radius: 0px; }
.RegionalEventList .Item { width: 100%; padding: 10px 4px; border-bottom: 1px solid #eeeeee; }
.RegionalEventList .Item td { padding-left: 4px; }
.RegionalEventList .Item td.DateCell { width: 60px; text-align: center; }
.RegionalEventList .Item td.DateCell .ItemDay { text-transform: uppercase; font-weight: bold; }
.RegionalEventList .Item td.DateCell .ItemDate { color: #777777; font-size: 80%; }
.RegionalEventList .Item td.DateCell .ItemTime, .RegionalEventList .Item td.DateCell .ItemYear { display: none; }
.RegionalEventList .Item td.BuyCell { width: 84px; text-align: right; }

.RegionalKeywordSearch { position: absolute; float: right; right: 0px; top: 40px; margin: 12px; padding: 4px; border: solid 1px #e3e3e3; border-radius: 4px; }
.RegionalKeywordSearch .searchHeader { display: none; }
.RegionalKeywordSearch input { font-size: 16px; width: 300px; border-width: 0px; border-right: solid 1px #e3e3e3; }

.RegionalAdvancedSearch, .RegionalQuickDateSearch, #sidebar { border: solid 1px #e3e3e3; border-radius: 4px; margin-bottom: 10px; }
.RegionalAdvancedSearch .Header, .RegionalQuickDateSearch .Header { padding: 4px; background-color: #1D6FB8; color: White; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; }
.RegionalAdvancedSearch .searchHeader { margin: 3px; }
.RegionalAdvancedSearch select, .RegionalAdvancedSearch .searchTextBox { width: 192px; }
.RegionalAdvancedSearch .searchBody, .RegionalQuickDateSearch .searchBody { padding-left: 8px; margin-bottom: 6px; margin-top: 3px; }
.RegionalHotSpotBlock { border-radius: 4px; border: solid 1px #e3e3e3; }
a.HotSpotLink { color: White; }

.VenuePromoterImageBox { border: solid 1px #e3e3e3; border-radius: 8px; width: 500px; height: 200px; margin-bottom: 8px; float: left; overflow: hidden; }
.VenuePromoterQuickInfo { border: solid 1px #e3e3e3; border-radius: 8px; width: 250px; height: 200px; margin-bottom: 8px; float: right; }
.VenuePromoterQuickInfo .Content { margin: 6px; }
.VenuePromoterQuickInfo .ShortDescription { height: 130px; overflow:hidden; }
.VenuePromoterInfoLinks a { display: block; }
.VenuePromoterContent .ItemList, .VenuePromoerInfoBlock { clear: both; border: solid 1px #e3e3e3; border-radius: 8px; margin-bottom: 8px; background-color: #d3d3d3; }
.VenuePromoterContent .ItemList .Header, .VenuePromoerInfoBlock .Header { border-radius: 0px; }
.VenuePromoterInfoContent { margin: 4px; padding: 4px; border-radius: 4px; background-color: White; width: 740px; }
.ItemList table { margin: 4px; border-radius: 4px; background-color: White; }
.ItemList .Item td { width: 212px; padding: 4px; border-right: 1px solid silver; vertical-align: middle;  }
.ItemList .Item td.NameDescCell { width: 655px; }
.ItemList .Item td.BuyCell { width: 76px; border: 0px; }
.ItemList .ItemInfo { float: left; }
.ItemList .ItemInfo div { float: left; width: 200px; }
.ItemList #ViewBox { float: right; }
.ItemList .agl-epgbutton { margin: 0px; padding: 2px; }
.ItemList .PagerBoxBottom, .RegionalEventList .PagerBoxBottom { float: right; margin-top: 4px; }
.ItemList .Pager, .RegionalEventList .Pager { float: right; }
.ItemList .PagerHeaderBottom { border-top-left-radius: 0px; border-top-right-radius: 0px; }


.AgileList-Tiles-4 .Item {    width: 25%;     padding: 10px 0 10px 1%;}
.AgileList-Tiles-4 .ImageBox {    height: 140px;}

.AgileList-Tiles-3 .Item {    width: 33%;     padding: 10px 0 10px 1%;}
.AgileList-Tiles-3 .ImageBox {    height: 160px;}

.AgileList-Tiles-2 .Item {    width: 50%;     padding: 10px 0 10px 1%;}
.AgileList-Tiles-2 .ImageBox {    height: 250px;}
.CCImages img { display: inline-block; }
.CreditCardBlock > img { width: auto; }

.wijmo-wijmenu.ui-widget-header { border-width: 0px; }
.wijmo-wijmenu.ui-corner-all { border-radius: 0px; }
.wijmo-wijcarousel-image { border-radius: 4px; }
.ui-tabs-right .wijmo-wijtabs-content { float: left; overflow: hidden; width: 500px; }
.ui-tabs-right .ui-tabs-nav { min-height: 300px; width: 240px; }
.ui-tabs .ui-tabs-panel { padding: 2px; }

/*client overrides*/
/*.sidebar{width:100%}*/
.logotype {    background-image: url(../../includes/FilmScene[res]_2307/Images/logotype.svg); }
.mob-logotype { background-image: url(../../includes/FilmScene[res]_2307/Images/logotype_horiz.svg); background-repeat: no-repeat; background-position: center; background-size: 100% auto; positon: relative; text-indent: -9999px; width: 50%; height: 6rem; z-index:999999; }

footer{top: 0px;}
#intro {       background-color: #231f20;}
footer{height:auto;}  
footer:after {
    clear: both;
    content: "";
    display: table;
}

/*overriding Agile General purposes*/
#container{width: 100%;}
#pageFooter{width: 100%;}
#pageHeader{width: auto;margin: auto;background-color: #004a87; height: 110px;}
#NavBarBlock {padding: 0px;}
#poweredBy a:link, #poweredBy a:visited {color: white; text-decoration: underline;}
#poweredBy {margin: 0; padding: 6px; color: white }
//#pageFooter{ padding: 1px 0;}
.columnSet1-23 {  padding-bottom: 20px; background-color: rgb(255, 255, 255);}
.InfoContainer{padding: 30px 10px;}
#nav{width: 250px;}
#clientsearchsubmit{color:white;}

.InputButton, .agl-epgbutton, #lnkPrinterFriendly, .agl-adalink {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
    background: #0062b3;
    color: #fff;
    cursor: pointer;
    font-family: "brandon-grotesque",sans-serif;
    font-size: 1.6rem;
    line-height: 1;
    padding: 1rem;
    height: 36px;
    font-weight: normal !important;
   border-radius: 5px;
   border: none;
}

.InputButton:hover, .agl-epgbutton:hover, #lnkPrinterFriendly:hover {
   background: #0062b3;
   font-weight: normal !important;
}

.agl-modalcontainer { max-width: 700px; }
#TTSelectionSeats_sectSeatMap {  max-width: none; }
#ManualSelectImage { /*width: 100vw; overflow:auto;*/  }

#imageBanner > .BigBoldText.Name {
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    color: #ffffff;
    text-transform: uppercase;
    line-height: 1;
    position: absolute;
    /*display: inline-block;*/
    font-family: brandon-grotesque, sans-serif !important;
    font-size: 5rem;
    font-weight: bold;
    max-width: 1030px;
    padding: 15px;  }

div#imageBanner {   max-height: 62vh; overflow:clip;}


.Description img {   max-width: 100%;}

.Description, .CustomInformation, .Description, .AdditionalInformation, .Comments, .RelatedEventBlock { float: left; }

.RelatedEventBlock { width: 25%; }
.RelatedEventBlock .Header { width: 100% !important; }
.agl-streaminfo h2 { font-size: 1.5em; }

.lines-button {    position: absolute;}

/********************************************************
*************Streaming Adjustments***************
*********************************************************/

.agl-streamimage img { display: inline-block; }
.agl-streamhead { height: unset !important; min-height: 40px; }

/********************************************************
*************Special showing grouping**************
*********************************************************/
.injectedShowtimeGroup	{    display: inline-block;    width: 25%;    color: white;    padding: 15px 20px 20px; }
.injectedShowtimeGroup .Showing	{ display:inline-block }
.injectedShowtimeGroup .Showing.PastShowing 	{ display:none }
.injectedShowtimeGroup .Venue	{ display:none !important}
.injectedShowtimeGroup .DateTime	{ display:none !important }
#intro > .Purchase > .PastShowing 	{ display:none }
#intro > .Purchase {margin-bottom: 50px;}
.injectedShowtimeGroup:nth-child(2n) {    background: #231f20;}
.injectedShowtimeGroup:nth-child(2n+1) {    background: #383435;}
#intro > .Purchase .Showing .agl-epgbutton {    color: white;    background-color: #0062b3;    border-radius: 0;    padding: 5px 5px;    margin-top: 15px;   text-align: center;}
#intro > .Purchase .Showing .agl-epgbutton:hover {    background-color: #004a87;}
#intro > .Purchase .Showing {border:none; min-width:33% }
#intro > .Purchase {    background-color: #231f20;    padding: 30px 0;    max-width: 1000px;    margin: auto;}

#intro > .Purchase > .Header {    background-color: #0062b3;    color: white;    width: 25%;    text-align: center;    text-transform: uppercase;    font-size: 200%;    border-radius: 0; margin-bottom: 25px; display: inline-block;}
.InfoContainer .Header {    background-color: #0062b3;    color: white;    width: 25%;    text-align: center;    text-transform: uppercase;    font-size: 200%;    border-radius: 0; margin-bottom: 25px;}
.injectedShowtimeGroup .DayOfWeekHeader {   margin: auto;    text-align: center;    border-bottom: solid 2px;    padding: 0 0 5px;    text-transform: uppercase;    font-weight: bolder;}
.VenueHeader { font-family: "brandon-grotesque",sans-serif; display: inline-block; font-size: 1.3em; margin: 0px 15px; }

/********************************************************
*********Special Custom Propperty Stylng**********
*********************************************************/
span.customPropertyContainer {    width: 25%;    display: inline-block; float:left;}
span.customPropertyContainer > span {display:block;}
span.customPropertyContainer > .Header {width:100%;}
.InfoContainer > div.CustomInformation{display:none}
.InfoContainer >.Media{display:none}
/*.InfoContainer >.SocialAddThis{display:none} */
.InfoContainer > .Description{ width:75%; float:left; margin-top:0; padding: 0 4.883rem }
.InfoContainer > .Description .Header {display:none;}
span.customPropertyContainer  span.PropName {    font-style: italic; margin-right: .5rem; }
span.customPropertyContainer  span.PropValue {    font-weight: bold;}
.customPropertyWrap span[cpropname="Trailer"]{display:none;}


.InfoContainer .Comments{clear:both;}
.InfoContainer .Comments .Header{display:none;}


/************************************************
***************youtube trailer css***********
************************************************/
.film-event-trailer .close-film-event-trailer {
    color: #fff;
    font-size: 2.25em;
    line-height: 1;
    position: absolute;
    right: 30px;
    top: 140px;
    z-index: 99999999;
}


/******************/

.pluginButton{     line-height: 20px;     padding: 10px 0;     text-align: center; }


/**********************************/
/*******AgileResponsive*******/
/**********************************/

/* Desktops and laptops ----------- */
@media only screen and (max-width : 1824px) {
    /*Agile Specific override*/

    /*client Specific override*/

}

/* iPads (landscape) ----------- */
@media only screen and (max-width : 1224px) {
    /*Agile Specific override*/

    /*client Specific override*/

}

/* iPads (portrait) ----------- */
@media only screen and (max-width : 1024px) {
    /*Agile Specific override*/

    /*client Specific override*/
   
}

@media only screen and (max-width: 950px) {
    /*Agile Specific override*/
    #pageContent {margin: auto;WIDTH: AUTO;}
    .columnsSet1 { width: 100%; margin: 0px; }
    /*client Specific override*/
}

/* Smartphones (landscape) ----------- */
@media only screen and (max-width : 850px) {
    /*Agile Specific override*/

    #container { /*width: 475px*/; background-color:#0069AD; margin: 0px auto; box-shadow: 1px 2px 5px rgb(64, 64, 64); }
    #intro { overflow: hidden; height:auto; }
    #pageHeader {  height: auto: /*position: relative;}*/}
    #NavBarBlock { text-align: left; }
    //#pageHeader #logo { height: 60px; width: 170px; left: 28px; top: 15px; margin: 0px; }
    #pageHeader .llbo { right: 9px; top: 83px; }
    #pageHeader .address { font-size: .8em; }
    #pageHeader .address a { margin-left: 20px; color: red; text-decoration: underline; }
    .columnsSet1 { width: 100%; margin: 0px; }
    .columnSet1-2Inner23, .columnSet1-3Inner23 { display: block; }
    .EventInfoItemEventName, .MembershipInfoItemName, .VerboseListItemEventName { font-size: 1.6em; }
    .AlphaFilter { width: auto; margin-bottom: 6px; margin-left: 0px; }
    .PageBox { float: right; clear: left; margin-top: 6px; }
    .FilterBox { display: inline-block; width: 140px; }
    .FilterBox .FilterName { margin: 0px; }
     #pageContent {margin: auto;WIDTH: AUTO;}
     .ViewFilter {display:none}
     .columnSet1-2Inner23, .columnSet1-2, .columnSet1-3Inner23, .columnSet1-3 { width: auto; }

    .CalendarTable .DaysHeader { display:none; }
    .CalendarTable .OutsideDate, .CalendarTable .Empty { display: none; }
    .CalendarTable td { display: block;  width:100%}
    .CalendarTable td.Past, .DaysHeader {  display: none;}
    .AgileList-Detailed .ItemInfo { float: left; clear: left; width: auto/*360px*/; }
    .AgileList-Detailed .ViewLink, .AgileList-Detailed .BuyLink { float: left; clear: left; }
    .AgileList-Tiles .Item { clear: left; width: auto/*360px*/; border-bottom: 1px solid #BCBCC1; padding-bottom: 10px; }
    .AgileList-Tiles .ImageBox { height: auto; }
    .AgileList-Tiles .ItemInfo { height: 100px; }
    .AgileList-Tiles .Item.edged { border-right-width: 0px; }
    .AgileList-Tiles .Separator { display: none; }
    .AgileList-Tiles .Item .Image {padding: 4px;margin: auto;display: block;}

    .AgileList-List .Image {  width: 100%;}

    #ImageDiv, #imageDiv, .VerboseListItemImageDiv, #PackageImageDiv, #memImage { float: none; width: 100vw; }

    .AdditionalInformation { position: static; top: 0px; }
    .Purchase, .CustomInformation, .RelatedEventBlock, .InfoContainer .Description, .InfoContainer         .AdditionalInformation, .InfoContainer .Comments { float: left; clear: left; width: 100%; margin-left: 0px; }
    .Media { width: 450px; }
    .Media > img { width: 100%; }
    .InfoContainer .Description .Text, .InfoContainer .AdditionalInformation .Text { font-size: .8em; }
    .BackToListLink { margin-left: 0px; }
    .ConcessionButton { margin-left: 10px; }
    .NewCustomersBlock { float: left; clear: left; max-width: 340px; }
    #ucPaymentInfo_tblCreditCardPayment > tbody > tr > td { display: block; }
    .ShowingCount{ display: none; }
    .CalendarTable .Image { width: auto;}
    .ReturningCustomersBlock {}
    .ReturningCustomersBlock table {  width: 90%;  }
    .ReturningCustomersBlock tbody>tr{  margin: 5px 10px;;}
    .ReturningCustomersBlock tbody tr td{display: block;}
    /*.CustomerInputBlock tbody tr td{display: block;width: 350px;}*/
    /*.AddressBlock tbody tr td{display: block;}*/
    .LoginLabel {text-align: left;}
    .NewCustomersBlock {width: 100%;}
    .DonationAmountCol{width:auto;}
    .ui-dialog, .ui-widget-content{width:100% !important;}


    /*client Specific override*/
    #pageHeader { height: 60px; }
    #imageBanner > .BigBoldText.Name { font-size: 2.5em;}  

.lines-button .lines {top: 10px;}

.Social > div > span, .Social > div > span > iframe {width:100%!important;}

/********************************************************
*************Special showing grouping**************
*********************************************************/
.injectedShowtimeGroup	{ width:100%;    padding: 30px; margin-bottom: 0;   }
.injectedShowtimeGroup .DayOfWeekHeader {     font-size: 150%;}
#intro > .Purchase { margin: 0; padding: 0;} 
#intro > .Purchase > .Header { width:100%; margin: 0; margin-bottom: 0px;  padding: 10px 0; }
.InfoContainer .Header { width:100%; margin: 0; padding: 10px 0; }
.InfoContainer { padding: 0; }
.columnSet1-23 { padding: 0; }
span.customPropertyContainer{width: 100%; padding-bottom: 30px;}
span.customPropertyContainer span.PropName { padding-left: 50px; }
span.customPropertyContainer span.PropValue { padding-left:5px;}
span.customPropertyContainer > .Header {  margin-bottom: 30px;}



/********************Youtube*********/
.film-event-trailer .close-film-event-trailer {
    right: 10px;
    top: 61px;
}

}

/* Big smartphones (portrait) (ie: Galaxy 3 has 360)*/
@media only screen and (max-width : 640px) {
    /*Agile Specific override*/
    .Description img {   width: 100%;}

    /*client Specific override*/

}

.gradient-overlay { 
background-image: 
linear-gradient(120deg, rgba(35, 31, 32, .3), rgba(35, 31, 32, 0.05) 75%, rgb(35, 31, 32) 100%) !important 
}

.seriesIdent { background-color: #6d6e71; }
.seriesIdent.art-house-theater-day { background-color: #de7546; }
.seriesIdent.bijou-after-hours { background-color: #cb59d1; }
.seriesIdent.bijou-film-forum { background-color: #7c6b7c; }
.seriesIdent.bijou-horizons { background-color: #c6b600; }
.seriesIdent.book-club { background-color: #a00193; }
.seriesIdent.chauncey-grand-opening { background-color: #e2a71b; }
.seriesIdent.cinema-savant { background-color: #c6c6c6; }
.seriesIdent.cinematheque { background-color: #7abca8; }
.seriesIdent.dinner-a-movie { background-color: #ad0c0c; }
.seriesIdent.education { background-color: #464670; }
.seriesIdent.filmmaker-spotlight { background-color: #729ee0; }
.seriesIdent.late-shift-at-the-grindhouse { background-color: #e72329; }
.seriesIdent.mission-creek-festival { background-color: #c436a5; }
.seriesIdent.national-theatre-live { background-color: #b3bccc; }
.seriesIdent.pride-at-filmscene { background-color: #e26fc4; }
.seriesIdent.rooftop { background-color: #3d5596; }
.seriesIdent.scenesters-selects { background-color: #ef5817; }
.seriesIdent.science-on-screen { background-color: #00eeb6; }
.seriesIdent.the-picture-show { background-color: #37a479; }
.seriesIdent.vino-verite { background-color: #d34f27; }
.seriesIdent.witching-hour { background-color: #ea474a; }
.seriesIdent.womens-march { background-color: #634e91; }
.seriesIdent.reel-representation { background-color: #634e91; }

.seriesIdent.coming-soon { background-color: #e0bf1a; }
.seriesIdent.new-release-films { background-color: #0062b3; }
.seriesIdent.special-event { background-color: #6d6e71; }

.AgileList-ChaunceyConcessions .ViewLink, .AgileList-ChaunceyConcessions .Separator { display: none; }
.AgileList-ChaunceyConcessions .Name { width:auto; }
.FilterContainer { display: none; }

.agl-iframed .InfoImageDiv, .agl-iframed .CustomInformation, .agl-iframed #hlMoreDesc, .agl-iframed .Social, .agl-iframed .EventInfoShortDescription, .agl-iframed #trEventTitleAreaTop, .agl-iframed #trEventTitleAreaBottom, #allDeliveryDesc { display: none; }
.agl-modal { background-color: rgba(255, 255, 255, 0.75); }
.agl-touchQty { border: 2px solid rgb(227, 227, 227); margin-right: 10px; width: 100px;}
.agl-qtyDec, .agl-qtyInc { width: 30px; font-size: 1em; }
.agl-qtyDec.epgColor1Back, .agl-qtyInc.epgColor1Back { background-color: white !important; color: black !important; }
.agl-qtyDec i, .agl-qtyInc i { padding-top: 13px; }
.agl-touchQty select { min-width: 35px !important; width: 35px; margin: unset !important; }
.agl-itemtype, .agl-itemprice { font-size: 1.2em; }
.DonationBtnList li { width: 180px; }
.agl-media-links {display: None;}
.agl-media-viewer {display: None;}


html, body{

background-color: white;
}


.agl-input-group .agl-showpass { top:-4px !important;}
.navMain, .mobileMenu{

width:100%;
margin:0;
padding:0;
box-sizing:border-box;
position:relative;



}

.agile-integrate-cart-icon{
margin-top:10px;
}



.mobileMenu {
    display: none;
	font-family: "brandon-grotesque", sans-serif;
}

#pageHeader {
    background-color: black !important;
    height: 75px;
}

.navMain {
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 16px;
}

.logo img {
    position: absolute;
    top: 0px;
    left: 0px;
}

.menu {
    float: right;
    padding-right: 5px;
}

nav ul {
    list-style: none;
}

.navBar li {
    margin: 10px;
}

.navBar a {
    color: white;
}

.navBar {
    list-style: none;
    display: flex;
    flex-direction: row;
    padding-top: 20px;
    padding-right: 20px;
    margin-right: 0px;
    align-content: space-between;
    flex-wrap: wrap;
    position: relative;
}



.navSubMenu {
    display: none;
    position: absolute;
    background-color: rgb(1, 97, 179);
    padding: 0px;
    margin: 0px;
    z-index: 999;
}

.navSubMenu a:hover {
    background-color: #199ad6;
}

.filmSub {
    padding: 0 !important;
    text-align: left !important;
    margin: 5px !important;
    font-weight: 400 !important;
    z-index: 999;
}

.navSubMenu li a {
    display: block;
}

.navBar > li:hover .navSubMenu {
    display: flex;
    flex-direction: column;
}

.nav-membership {
    padding: 10px;
}

.fa {
    margin-right: 18px;
    padding-top: 16px;
}

.fa-2x {
color:#0161b3;
    font-size: 2em;
    cursor: pointer;
}

.fa-solid{
color:#0161b3 !important;

}

#hamIcon {
    padding-top: 7px;
}

#hamIconMobile {
    padding-top: 7px;
}


.hamMenu {
    display: none;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    position: fixed;
    z-index: 999;
}

.hamMenuMobile {
    display: none;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    position: fixed;
    z-index: 999;
}

.flyOut {
    position: absolute;
    top: 0;
    right: 0;
    width: 28%;
    height: 100%;
    background-color: #221f21;
    color: white;
    padding: 20px;
    transform: translateX(100%);
    transition: transform 1.2s ease;
    overflow-y: auto;
}

.hamMenu.active {
    display: block;
}

.flyOutMobile {
    position: relative;
	width: 60%;
    top: 0;
    right: 0;
    height: 100%;
    background-color: #221f21;
    color: white;
    padding-top: 10px;
padding-left: 5px;
    transform: translateX(100%);
    transition: transform 1.2s ease;
    overflow-y: auto;
}

.hamMenuMobile.active {
    display: flex;
}

.hamMenu.active .flyOut {
    transform: translateX(0);
}

.mobileList2 {
    display: none;
}

.mobileList2 a {
color: white !important;
font-size: 14px;
margin: 5px;



}

.hamMenuMobile.active .mobileList2 {
width: 100%;
    display: block;
}

.sideMenu {
    list-style: none;
}

.sideMenu a:hover {
    background-color: #199ad6;
}

.sideSubMenu {
    padding-left: 10px;
    display: none;
    font-size: 12px;
    position: static;
    left: 0;
    top: 100%;
    margin: 10px;
}

.sideSubMenu2 {
    padding-left: 8px;
    display: none;
    font-size: 12px;
    position: static;
    left: 0;
    top: 100%;
    margin: 0;
}


.nav-signin {
    background-color: black !important;
}

.sideMenuLink {
    position: relative;
}

.sideMenuHeader {
    display: flex;
width: 100%;
    margin-top: 10px !important;
    margin-bottom: 25px !important;
    margin-left: 5px !important;
}



.chevronRight {
    margin-left:auto;
    cursor: pointer;
color:#0161b3;
}

.chevronRight2 {
    margin-left:auto;
    cursor: pointer;
color:#0161b3;
}


.sideSubMenu.subActive {
    display: block;
    z-index: 999;
}

.sideSubMenu2.subActive {
    display: block;
    z-index: 999;
}

.agile-integrate-signin.mobile {
margin-top: 20px;
font-size: 18px;



}
.agile-integrate-signin a{

color: white !important;

}

.mobileNavLinks{

display: flex;
    flex-direction: row;
    align-items: flex-end;
}

.mobileNavLinks li a {
  padding-left: 10px;
  padding-right: 20px;
}

@media screen and (max-width: 849px) {
    .navMain {
        display: none !important;
    }

    .mobileMenu {
        display: flex !important;
        flex-direction: row;
        height: 75px;
        flex-wrap: wrap;
        justify-content: space-between;
    }
}


.agl-adalink{
height: auto;

}